<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>爸妈很大</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="__PUBLIC__/assets/i/favicon.png">
    <link rel="stylesheet" href="__PUBLIC__/assets/css/amazeui.min.css">
    <link rel="stylesheet" href="__PUBLIC__/assets/css/app.css">
    <style>
        .yl-table {
            border-collapse: collapse;
            width: 95%;
            margin: 0 auto;
            margin-top: 5%;
            margin-bottom: 5%;
            text-align: center;
            border-bottom: hidden;
            border-top: hidden;
            border-left: hidden;
            border-right: hidden;
        }

        .yl-table td {
            border: solid 2px #F2F2F2;
        }

        .yl-img-list {
            width: 100%;
        }

        .yl-p-list {
            margin-bottom: 0;
            font-size: 12px;
        }

        .yl-hr {
            margin-bottom: 0;
            border: solid #F2F2F2 5px;
        }

        .yl-div-list2 {
            margin-top: 10px;
            margin-left: 10px;
            margin-right: 10px;
        }

        .yl-span-list {
            color: #b05c5b;
            float: right;
        }

        .yl-span {
            margin-right: 10px;
            color: #B34B3F;
            font-size: 20px;
        }

        .yl-div {
            width: 100%;
            position: fixed;
            bottom: 0;
        }

        .yl-span-nav {
            display: inline-block;
            width: 30%;
            background-color: #F8A833;
            margin-right: 0;
            text-align: center;
            color: #fff;
            padding: 10px 0 10px 0;
        }

        .yl-span-nav2 {
            display: inline-block;
            width: 68%;
            background-color: #F70708;
            margin-left: 0;
            text-align: center;
            color: #fff;
            padding: 10px 0 10px 0;
        }
    </style>
</head>
<body>

<img src="__PUBLIC__/img/xiangqing.png" class="yl-img-list"/>

<!--内容列表-->
<div>
    <hr class="yl-hr"/>
    <div class="yl-div-list2">
        <h5>
            <span class="yl-span">|</span>
            一、使用流程：
            <span class="yl-span-list">1999元</span>
        </h5>
        <hr/>
        <p class="yl-p-list">
            1）本产品为二级会员免费专享。新会员次月第一周就读（会有开课通知）。
            2）全年8门课程，可选读3门，学制半年。
            3）上课地点：a上海交通大学徐汇校区、b环球金融中心29楼c虹桥新天地d近学员社区文化中心等（以开课通知为准）
        </p>

    </div>
</div>
<div style="margin-bottom: 100px;">
    <hr class="yl-hr"/>
    <div class="yl-div-list2">
        <h5>
            <span class="yl-span">|</span>
            二、课程内容：
        </h5>
        <hr/>

        <img src="__PUBLIC__/img/022.png" class="yl-img-list"/>
        <img src="__PUBLIC__/img/023.png" class="yl-img-list"/>
    </div>
</div>
<!--end-->

<!-- Navbar -->
<div class="yl-div">
    <a href="tel:15800859815"><span class="yl-span-nav">电话咨询</span></a>
    <a href="#" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0, width: 200, height: 155}"><span
            class="yl-span-nav2">立即订购</span></a>
</div>

<!--模态窗-->
<div class="am-modal am-modal-no-btn" tabindex="-1" id="doc-modal-1">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">填写金额
            <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
        </div>
        <div class="am-modal-bd">
            <form method="post" action="__URL__/getMoney">
                <!--<input type="text" name="money" id="money" style="margin-bottom: 20px;width: 90%"/>-->
                <input name="money" id="money" type="text" placeholder="￥" style="margin-bottom: 20px;width: 90%;"/>
                <br/>
                <input type="submit" value="提交" class="am-btn am-btn-success" id="sub"/>
            </form>
        </div>
    </div>
</div>

<script src="__PUBLIC__/assets/js/jquery.min.js"></script>
<script src="__PUBLIC__/assets/js/amazeui.min.js"></script>
<script>
    $(function () {
        $("#sub").click(function () {
            if ($("#money").val() == '') {
                alert("请输入金额");
                return false;
            }
            if (isNaN($("#money").val())) {
                alert("请输入数字");
                return false;
            }
            return true;
        });
    })
</script>
</body>
</html>
